<template>
  <div class="lf-html-wrapper">
    <div class="custom-html">
      <img src="../nodes/event.png" style="width:50px;height:50px;">
      <div class="custom-head">{{ title }}</div>
      <div class="custom-body">
        <button @click="changeData()">修改标题</button>
      </div>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  name: String
})
const title = ref("标题")

</script>

<style scoped>
.lf-html-wrapper .custom-html {
  width: 96px;
  height: 96px;
  border: 2px solid #000000;
}

.lf-html-wrapper .custom-head {
  color: red;
  height: 26px;
  line-height: 26px;
}

.lf-html-wrapper .custom-body {
  color: #2987ff;
  height: 50px;
  line-height: 50px;
}
</style>
